@charset "gb2312";
body { margin:0; padding:0;font-size:12px;font-family:"微软雅黑", "宋体", Arial;}
ul,li { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none }
IMG { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px ;}
.c { CLEAR: both }
.inline { display:inline;}
a{text-decoration:none;}

.top{ width:100%; float:left; height:120px;}
.top_k{ width:1300px; margin:0px auto; clear:both; height:120px;}
.logo{ width:547px; height:93px; float:left; margin-top:10px;}
.ss { width:250px; float:right; padding-left:30px; padding-top:30px}
.ss span{ font-size:16px; font-weight:bold; color:#e86805; height:30px; display:block}
.ss .inp_1{ width:208px; height:27px; border:1px solid #E1E1E1; border-right:none; float:left;}
.ss .inp_2{ width:32px; height:32px; background:url(../images/ss.png) no-repeat #e86805; border:none; float:left }
/*导航*/

.tel{ width:358px; height:73px; float:right; margin-top:20px;}
.nav{ width:100%; float:left; height:45px; background:#333;  position:relative; z-index:999;}
#menu{ width:1200px; margin:0px auto; clear:both; height:45px;}
#menu ul{}
#menu li{ width:148px; float:left; height:45px; line-height:45px; text-align:center; font-size:13px;}
#menu li a{ color:#fff; display:block;}
#menu li a:hover{ background:#ffe700; color:#333;}
#menu li.bs a{ background:#ffe700; color:#333;}

#menu ul li ul {}
#menu ul li ul li { float:none; width:290px;  margin-left:0px; text-align:left;height:40px; line-height:40px; font-size:14px;}
#menu ul li ul li a { background:#ccc !important; color:#333; padding-left:15px;}
#menu ul li ul li a:hover { background:#ffe700 !important; color:#333;}
#menu ul li ul { display:none;}
#menu ul li:hover ul { display:block;}
#menu ul li.sfhover ul { display:block;}

.banner{ width:100%; float:left; height:500px;}

.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}
.banner .ban_nav{display:none;}
.banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url(../images/cir_white.gif) no-repeat #aaa;right:50%;bottom:15px;}
.banner .Left{margin-right:-450px;background-position:5px 0}
.banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#ffe700;}
.bann_ext{position:relative;}
.frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #de0000;}
.frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;}
.frontCover .img{position:relative;height:50px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;left:-50px;}
.frontCover .open{background:#e60013;}
.wrap{width:980px;margin-left:auto;margin-right:auto;}
/*幻灯片(组件)*/
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}
.Left,.Right{cursor:pointer;}


/* banner 开始 */
.swiper-container1 { width:100%; height:500px; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.swiper-container1 .swiper-slide { background-size:1920px 500px!important; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}

/*分页器*/
.swiper-container1 .swiper-button-prev, .swiper-container1 .swiper-button-next { width:38px!important; height:38px!important; top:94%!important; margin:-24px 0 0!important;}
.swiper-container1 .swiper-button-prev { background:url(../images/pro_l.jpg) center center no-repeat; left:76.8%;}
.swiper-container1 .swiper-button-next { background:url(../images/pro_r.jpg) center center no-repeat; right:19%;}


.bj{ width:100%; float:left;}
.box{ width:100%; float:left; padding-top:30px; padding-bottom:30px; background:#f5f5f5;}
.zj{ width:1200px; margin:0px auto; clear:both;}
.about{ width:667px; height:290px; float:left;}
.about_t{ width:667px; float:left; height:33px;}
.zuozi{ width:188px; float:left; height:33px; background:url(../images/zuozi.png) no-repeat;}
.zuozi_l{ width:96px; float:left; text-align:center; font-size:16px; font-weight:bold; color:#fff; line-height:30px;}
.zuozi_r{ width:92px; float:left; text-align:center; font-size:14px; color:#fff; line-height:30px;}
.more{height:20px; float:right; margin-top:10px;}
.more a{ color:#e86805;}
.about_k{ width:645px; height:230px; float:left; padding:10px; border:1px #ccc solid; background:#fff; margin-top:5px;}
.about_l{ width:270px; height:230px; float:left;}
.about_r{ width:360px;height:230px; overflow:hidden; float:right; line-height:1.9; font-size:14px; color:#555;}

.zuozi1{float:left; height:33px;}
.zuozi_l1{float:left; text-align:center; font-size:16px; font-weight:bold; color:#333; line-height:30px;}

.shijing{ width:522px; height:290px; float:right;}
.shijing_t{ width:522px; float:left; height:33px;}
.shijing_n{ width:500px; float:left; height:230px; padding:10px; border:1px #ccc solid; background:#fff; margin-top:5px;}
.shijing_n ul{}
.shijing_n li{width:218px; height:230px; float:left; margin-top:5px; margin-left:12px;}
.shijing_n li .title{display: block; font-size:14px; width: 218px; line-height: 40px; font-weight:normal;text-align: center;color: #333;height: 40px;overflow: hidden; background:#ccc;}
.shijing_n li:hover .title{background:#c31d1d; color:#fff;}
.shijing_n li img{width:218px; float:left; height:180px;}

#demo { WIDTH: 500px; OVERFLOW: hidden;height: 230px;}
#indemo { WIDTH: 800%; FLOAT: left }
#demo1 { FLOAT: left }
#demo2 { FLOAT: left }

.box1{ width:100%; float:left; padding-top:30px; padding-bottom:30px;}
.product{ width:900px; float:left;}
.product_t{ width:900px; float:left; height:33px;}
.product_tt{ width:200px; float:left; height:33px;}
.product_n{ width:900px; float:left; padding-bottom:14px; border:1px #ccc solid; margin-top:5px;}
.product_n1{ float:left; padding-bottom:14px; border:1px #ccc solid; margin-top:5px;}
.product_n ul{}
.product_n li,.product_n1 li{width:206px; height:200px; float:left; margin-left:12px; margin-top:18px; border:2px #c5c5c5 solid;}
.product_n li .proimg_bk,.product_n1 li .proimg_bk{ width:206px; height:170px; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.product_n li .proimg_bk .proimg,.product_n1 li .proimg_bk .proimg{width:206px;line-height:170px;*line-height:220px;height:170px;*height:220px;text-align:center;position:static;+position:absolute;top:50%}
.product_n li .proimg_bk img,.product_n1 li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:201px; max-height:165px}
.product_n li .title,.product_n1 li .title{display: block; font-size:16px; width: 206px;line-height: 30px; font-weight:normal;text-align: center;color: #FFF;height: 30px;overflow: hidden; background:#999}
.product_n li:hover .title,.product_n1 li:hover .title{background:#e86805;}

.tuijian{ width:285px; float:right;}
.cak{ width:275px; float:left; padding:5px; background:#f5f5f5; height:129px;}
.cak_n{ width:273px; float:left; height:125px; border:1px #ccc solid;}
.cak1{ width:275px; float:left; padding:5px; background:#f5f5f5; height:129px; margin-top:7px;}

/*产品推荐*/
.tjpro_list{width:480px; float:left; height:230px; padding: 10px 34px 10px 6px;border:1px #ccc solid; background:#fff; margin-top:5px;}
.swiper-container2{ width:100%; overflow:hidden; padding:12px 10px;}
.swiper-container2 .swiper-slide{ border: 2px #c5c5c5 solid; box-sizing:border-box;}
.swiper-container2 .swiper-slide .proimg_bk{ width:100%; height:170px; position:relative;_display:table-cell;text-align:center;vertical-align:middle;}
.swiper-container2 .swiper-slide .proimg_bk .proimg{width:100%;line-height:170px;height:170px;text-align:center;position:static;top:50%}
.swiper-container2 .swiper-slide .proimg_bk img{vertical-align:middle;position:static;top:-50%;left:-50%; max-width:100%; max-height:165px}
.swiper-container2 .swiper-slide .title{display: block; font-size:16px; width: 100%;line-height: 30px; font-weight:normal;text-align: center;color: #FFF;height: 30px;overflow: hidden; background:#999;}
.swiper-container2 .swiper-slide:hover .title{background:#e86805;}
.swiper-container2 .swiper-slid img{width:218px; float:left; height:180px;}

/*产品推荐*/

.video{ width:386px; float:left;}
.video_t{ width:386px; float:left; height:33px;}
.video_n{ width:366px; float:left; padding:10px; height:225px; border:1px #ccc solid; background:#fff; margin-top:5px;}
.video_n ul{}
.video_n li{ width:366px; float:left; height:35px; line-height:35px; border-bottom:1px #ccc dashed; text-align:right; font-size:14px;}
.video_n li a{ color:#333; float:left;width:270px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;}
.video_n li a:hover{ color:#f00;}

.wenti{ width:402px; float:left; margin-left:10px;}
.wenti_t{ width:402px; float:left; height:33px;}
.wenti_n{ width:382px; float:left; padding:10px; height:225px; border:1px #ccc solid; background:#fff; margin-top:5px;}
.wenti_n ul{}
.wenti_n li{ width:382px; float:left; height:35px; line-height:35px; border-bottom:1px #ccc dashed; text-align:right; font-size:14px;}
.wenti_n li a{ color:#333; float:left;    width: 290px;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: left;}
.wenti_n li a:hover{ color:#f00;}

.contact{ width:385px; float:right;}
.contact_t{ width:385px; float:left; height:33px;}
.contact_n{ width:385px; float:left; background:#fff; margin-top:5px; height:245px; border:1px #ccc solid;}
.contact_l{ width:206px; float:left; padding:10px;}
.rexian{ width:206px; height:72px; float:left; border-bottom:1px #f0f0f0 solid; background:url(../images/dianhua.jpg) no-repeat 15px 20px;}
.rexian_r{ width:155px; float:right; margin-top:15px;}
.rexian_t{ width:155px; float:left; font-size:14px; color:#929292;}
.rexian_n{ width:155px; float:left; margin-top:3px; font-size:16px; color:#333;}

.zaixian{ width:206px; height:72px; float:left; border-bottom:1px #f0f0f0 solid; background:url(../images/zaixian.jpg) no-repeat 15px 20px;}
.zaixian_r{ width:155px; float:right; margin-top:15px;}
.zaixian_t{ width:155px; float:left; font-size:14px; color:#929292;}
.zaixian_n{ width:155px; float:left; margin-top:7px; font-size:12px; color:#333;}
.zaixian_n a{ color:#333; margin-right:10px;}
.zaixian_n a:hover{ color:#f00;}

.dizhi{ width:206px; height:72px; float:left; border-bottom:1px #f0f0f0 solid; background:url(../images/dizhi.jpg) no-repeat 15px 20px;}
.dizhi_r{ width:155px; float:right; margin-top:15px;}
.dizhi_t{ width:155px; float:left; font-size:14px; color:#929292;}
.dizhi_n{ width:155px; float:left; margin-top:5px; color:#333;}


.contact_r{ width:159px; float:right;}

.shili{ width:1200px; float:left;}
.shili_t{ width:1200px; float:left; height:33px;}
.shili_n{ width:1198px; float:left; padding-bottom:10px; margin-top:5px; background:#fff; border:1px #ccc solid;}
.projects-container { width: 1198px; margin: 0 auto; overflow: hidden; padding:15px;}
.projects-pro { width: 1198px; margin: 0 auto; overflow: hidden; border-top: #d8d8d8 1px solid; padding: 0 0 20px 0; }
.projects-pro ul { float: left; width: 90%; }
.projects-pro span { width: 4.6%; float: right; margin-top: 15px; background: #222; padding: 0 15px; }
.projects-pro span a { color: #fff; }
.projects-pro li.cur { border-top: #EC1D23 4px solid; color: #000; font-size: 22px; font-weight: 600; background: none; margin-right: 40px; padding: 5px 0 0 0; }
.projects-pro li { float: left; line-height: 40px; margin-right: 20px; padding: 10px 30px 0 0; text-align: center; background: url(../images/xx.jpg) no-repeat right 22px; }
#portfolio-content { padding: 0; list-style: none; }
#portfolio-content li { display: inline-block; border: 0px solid transparent; outline: 0px solid transparent; margin: 0; padding: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px; border-radius: 2px 2px 2px 2px; border-color: #000; . border-style: none; }
.projects-container li { width: 23%; float: left; margin-right: 1.6%!important; margin-right: 1%; }
.projects-container li { position: relative;}
.projects-container li img { width:277px; height:168px; position: relative; z-index: 2; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.project-content { position: absolute; height: 100%; top: 0; left: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border-radius: 2px; width: 100%; }
.projects-container li:hover .project-content { background: #eee; z-index: 3; }
.projects-container li:hover img { transform: translateY(-50px) scale(0); -webkit-transform: translateY(-50px) scale(0); -moz-transform: translateY(-50px) scale(0); -o-transform: translateY(-50px) scale(0); }
.inner-project { text-align: center; position: absolute; width: 100%; top: 50%; margin-top: -38px; }
.inner-project h3 { font-size: 16px; line-height: 24px; color: #222; font-weight: 700; margin: 0px 0px 6px 0px; padding: 4px 12px 3px 12px; border-radius: 0px 0px 0px 0px; background-color: rgba(255,255,255,0); font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; text-transform: capitalize; }
.inner-project h3 a{ color:#333;}
.inner-project span { display: block; color: #1abc9c; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 300; margin-bottom: 12px; }
.project-link { font-size: 12px; line-height: 30px; color: #fff; font-weight: 500; padding: 3px 30px 2px 30px; background-color: #e86805; z-index: 2; display: inline-block; font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; text-transform: uppercase; }
.project-link:hover { color: #454545; }

.foot{ width:100%; float:left; background:#6a6a6a; padding-top:20px; padding-bottom:20px;}
.foot_k{ width:1200px; margin:0px auto; clear:both;}
.foot_l{ width:277px; float:left;}
.dilogo{ width:277px; height:48px; float:left;}
.erweima{ width:116px; height:117px; float:left; margin-left:80px; margin-top:20px;}
.foot a{ color:#FFF}
.foot_br{ float:right; line-height:40px}
.foot_br a{ color:#FFF}
.foot_r{ float:right;}
.ks{ width:150px; height:160px; float:left; margin-left:45px; border-right:1px #595959 solid;}
.ks_t{ width:150px; float:left; height:35px; line-height:35px; font-size:16px; color:#fff;}
.ks_n{ width:150px; float:left; height:150px; overflow:hidden;}
.ks_n ul{}
.ks_n li{ width:150px; float:left; height:30px; line-height:30px; font-size:14px; overflow:hidden}
.ks_n li a{ color:#fff;}
.ks_n li a:hover{ color:#fff;}

.lx{ width:270px; float:left; margin-left:20px;}
.lx_t{ width:270px; float:left; height:35px; line-height:35px; font-size:16px; color:#fff;}
.lx_n{ width:270px; float:left; line-height:1.9; font-size:14px; color:#fff;}

.foot_b{ width:100%; float:left; height:80px; background:#474747;}
.foot_bk{ width:1200px; margin:0px auto; clear:both;}
.foot_bl{ float:left; height:40px; line-height:40px; font-size:14px; color:#fff;}
.foot_bl a{color:#FFFFFF;}
.foot_bl a:hover{color:#FFFFFF;}

.left{ width:250px; float:left;}
.lanmu{ width:248px; float:left;}
.lanmu_t{ width:248px; float:left; float:left; height:33px;}
.lanmu_n{ width:228px; float:left; padding:10px; background:#fff; border:1px #ccc solid; margin-top:5px;}
.lanmu_n ul{}
.lanmu_n li{ width:228px; float:left;  margin-top:5px;  font-size:14px; text-indent:25px; overflow:hidden}
.lanmu_n li a{ color:#333; background:#ccc; height:40px; line-height:40px; display:block;}
.lanmu_n li a:hover{ color:#fff; background:#e86805}
.lanmu_n li .ys1{ color:#fff; background:#e86805;}
.lanmu_n li ul .ej a{background:#fff; height:30px; line-height:30px; font-size:12px;  margin-top:2px;}
.lanmu_n li ul .ej a:hover{ color:#333; background:#ccc}


.lanmu_nn{ width:265px; float:left; padding:10px; background:#fff; border:1px #ccc solid; margin-top:5px;}
.lanmu_nn ul{}
.lanmu_nn li{ width:265px; float:left; margin-top:5px;  font-size:14px; text-indent:25px;}
.lanmu_nn li a{ color:#333; background:#ccc; height:40px; line-height:40px; display:block;}
.lanmu_nn li a:hover{ color:#fff; background:#e86805}
.lanmu_nn li ul .ej a{background:#fff; height:30px; line-height:30px; font-size:12px;  margin-top:2px;}
.lanmu_nn li ul .ej a:hover{ color:#333; background:#ccc}




.contacter{ width:248px; float:left; margin-top:10px;}
.contacter_t{ width:248px; float:left; height:33px;}
.contacter_n{ width:228px; float:left; padding:10px; line-height:1.9; font-size:14px; background:#fff; border:1px #ccc solid; margin-top:5px;}

.right{ width:935px; float:right;}
.right_k{ width:933px; float:left;}
.right_t{ width:933px; float:left; height:33px;}
.weizhi{ float:right; height:33px; line-height:33px; color:#333;}
.weizhi a{ color:#333;}
.weizhi a:hover{ color:#f00;}
.right_n{ width:933px; float:left; background:#fff; border:1px #ccc solid; margin-top:5px;}

.abouter{ width:893px; float:left; padding:20px;}
.biaoti{ width:100%; float:left; height:25px; line-height:25px; font-size:20px; text-align:center; font-weight:bold; margin-top:5px;}
.fabiao{ width:100%; float:left; height:25px; line-height:25px; padding-bottom:5px; border-bottom:1px #ccc dashed; text-align:center;}
.abouter_n{ width:893px; float:left; line-height:1.9; font-size:14px; margin-top:10px;}

.jianjie{ width:893px; float:left; padding-bottom:20px;}
.jianjie_t{ width:893px; float:left; height:35px; border-bottom:1px #ccc solid;}
.jianjie_z{ float:left; height:34px; line-height:34px; font-size:16px; width:100px; text-align:center; background:#f1f1f1; border-left:1px #ccc solid; border-right:1px #ccc solid; border-top:1px #ccc solid;}
.jianjie_n{ width:893px; float:left; line-height:1.9; font-size:14px; margin-top:10px; margin-bottom:30px}

.left-pro{width:500px; padding:10px;text-align:left;float:left; border:1px #CCC solid; background:#fff;}
.left-pro .t1{width:100px;float:left;}
.left-pro .t2{width:500px;text-indent:0;float:left; height:350px; background:#fff;}

.left-pro .t2 .proimg_bk{ width:500px; height:350px; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.left-pro .t2 .proimg_bk .proimg{width:500px;line-height:350px;*line-height:400px;height:350px;*height:400px;text-align:center;position:static;+position:absolute;top:50%}
.left-pro .t2 .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:495px; max-height:345px}
  #zoom1{ display: inline-block   !important}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:68px;padding:1px;border:1px solid #ccc;height:68px;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:320px;margin:10px;overflow:hidden;}

.right_pro{ width:350px; float:right;}
.jjt{ width:350px; float:left; height:35px; line-height:35px; border-bottom:1px #ccc dashed; font-size:16px; overflow:hidden;}
.jjn{ width:350px; float:left; font-size:14px; line-height:1.9; color:#333; height:275px;}
.liuyan{ width:350px; float:left; height:38px; margin-top:10px;}

.menub1_1 {	font-weight: bold; background:url(../images/dib.png) no-repeat left center; float: left; width: 100px; cursor: pointer; color: #333; line-height: 35px;height: 35px; text-align: center}
.menub1_2 {	font-weight: normal; background:url(../images/di.png) no-repeat left center; float: left; width: 100px; cursor: pointer; color: #fff; line-height: 35px;height:35px; text-align: center}
.menugtab { padding:10px; border: #ccc 1px solid; border-top: #ccc 1px solid; text-align:left; line-height:1.9;}
.menugtab a {margin: 0px 10px;}


.fenpian{ width:100%; float:left; margin-top:20px;}
.l{ width:100%; float:left; height:25px; line-height:25px; font-size:14px; color:#333;}
.l a{ color:#333;}
.l a:hover{ color:#f00;}

.newser{ width:913px; float:left; padding:10px;}
.newser ul{}
.newser li{ width:913px; float:left; height:35px; line-height:35px; text-align:right; font-size:14px; border-bottom:1px #ccc dashed;}
.newser li a{ color:#333; float:left;}
.newser li a:hover{ color:#f00;}

.fenye{ width:100%; float:left; height:30px; line-height:30px; text-align:center; margin-bottom:20px; margin-top:20px;}
.fenye a{ color:#333; padding:5px; border:1px #ccc solid; margin-left:5px; margin-right:5px;}
.fenye a:hover{ color:#f00; border:1px #f00 solid;}

.producter{ width:933px; float:left; padding-bottom:10px;}
.producter ul{}
.producter li{width:206px; height:190px; float:left; margin-left:18px; margin-top:15px; border:2px #c5c5c5 solid;}
.producter li .proimg_bk{ width:206px; height:160px; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.producter li .proimg_bk .proimg{width:206px;line-height:160px;*line-height:210px;height:160px;*height:210px;text-align:center;position:static;+position:absolute;top:50%}
.producter li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:201px; max-height:155px}
.producter li .title{display: block; font-size:16px; width:206px;line-height: 30px; font-weight:normal;text-align: center;color: #FFF;height: 30px;overflow: hidden; background:#999}
.producter li:hover .title{background:#e86805;}


.xgcp{ width:933px; float:left; margin-top:15px; margin-bottom:10px;}
.xgcp_t{ width:933px; float:left; height:33px;}
.xgcp_n{ width:100%; float:left; padding-bottom:10px;border:1px #e5e5e5 solid; background:#fff; margin-top:10px;}
.xgcp_n ul{}
.xgcp_n li{width:206px; height:190px; float:left; margin-left:18px; margin-top:15px; border:2px #c5c5c5 solid;}
.xgcp_n li .proimg_bk{ width:206px; height:160px; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.xgcp_n li .proimg_bk .proimg{width:206px;line-height:160px;*line-height:210px;height:160px;*height:210px;text-align:center;position:static;+position:absolute;top:50%}
.xgcp_n li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:201px; max-height:155px}

.xgcp_n li .title{display: block; font-size:16px; width: 206px;line-height: 30px; font-weight:normal;text-align: center;color: #FFF;height: 30px;overflow: hidden; background:#999}
.xgcp_n li:hover .title{background:#e86805;}


.zxwz{ width:913px; float:left; padding:10px; background:#fff;border:1px #e5e5e5 solid; margin-top:10px;}
.zxwz ul{}
.zxwz li{width:456px; float:left; text-align:right; border-bottom:1px #ccc dashed; height:35px; line-height:35px;font-size:14px; text-indent:18px; line-height:30px; background:url(biao.jpg) no-repeat left center;}
.zxwz li a{ color:#333; float:left;}
.zxwz li a:hover{ color:#f00;}



/*普通在线客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq img{ padding-top:6px}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li a{ color:#333}
#floatDivBoxs .floatDtxt{font-size:14px;color:#333;padding:2px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 5px 14px; font-size:14px; color:#f08326; font-weight:bold}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/qq_online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/qq_online_arrow.png) no-repeat #ffcc33;position:fixed;top:180px;right:170px;z-index:9999;}
#rightArrow a{display:block;height:45px;}







/*---------在线咨询-------*/
.txtbox{border:1px solid #ccc;height:30px;line-height:30px;width:250px; padding-left:5px;font-family: "Microsoft YaHei"; color:#999; font-size:12px;}
.txtbox:hover{border:1px solid #999;height:30px;line-height:30px;width:250px;color:#333;}
.txtbox:focus{border:1px solid #666;height:30px;line-height:30px;width:250px;color:#333;}
.txtbox01{border:1px solid #ccc;height:30px;line-height:30px;width:80px; padding-left:5px;font-family: "Microsoft YaHei";color:#999;}
.txtbox01:hover{border:1px solid #999;height:30px;line-height:30px;width:80px;color:#333;}
.txtbox01:focus{border:1px solid #666;height:30px;line-height:30px;width:80px;color:#333;}
.bfont{ font-size:12px; color:#333333;}
.order_nr_box{ width:600px; font-size:12px; height:100px;border:1px solid #ccc;overflow:auto;background:none;padding-left:5px;font-family: "Microsoft YaHei";color:#333;background:#fff;}
.order_nr_box:hover{border:1px solid #999;color:#333; background:#fff;}
.order_nr_box:focus{border:1px solid #666;color:#333;}
#loginbox{width:100%;margin:10px;}
#loginbox tr td{ padding-bottom:10px;}
#loginbox tr td p{ padding-left:20px;}
#btnlogin {width:150px;height:40px; margin:20px 0 0 90px;}
#btnlogin .tj_input{ width:150px; height:38px; background:#ffa228;text-align:center; color:#fff; font-size:16px; border:none; margin:0px;cursor: pointer;font-family: "Microsoft YaHei"; }
#btnlogin .tj_input:hover{background:#f48a00;}

.link{width: 1200px;margin: auto;clear: both;}
.link a{ color:#333}




/*普通在线客服03*/
.ser_btn { width: 30px; height: 100px; overflow: hidden; margin: 0; padding: 0; background:url(../images/qq03_ser_btn.png) no-repeat; background-position: -30px 0; cursor: pointer; position: fixed; top: 180px; right: 0; z-index:10000;}
.ser_main { width:120px; overflow: hidden; margin: 0; padding: 14px 15px 14px 14px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-radius: 0 0 0 5px; position: fixed; top: 180px; right: -150px; z-index: 99; background:#FFF; z-index:10000;}
.ser_main .ser_con { width: 120px; overflow: hidden; margin: 0 auto 3px; padding: 0;}
.ser_tit { width: 100px; height: 28px; overflow: hidden; line-height: 28px; margin: 0 auto; padding: 0 10px; border-radius: 5px 5px 0 0; background-color: #e86805; color: #fff; font-size: 12px; font-weight: bold;}
.ser_btm { width: 120px; height: 5px; overflow: hidden; margin: 0 auto; padding: 0; background-color: #e86805; border-radius: 0 0 5px 5px;}
.ser_con .lxr_list { width: 100px; overflow: hidden; margin: 0 auto; padding: 15px 9px 0; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.lxr_list ul li { width: 100px; overflow: hidden; margin: 0 auto 15px; padding: 0;}
.lxr_list ul li h3 { width: 100%; height: 16px; overflow: hidden; line-height: 16px; margin: 0 auto 5px; padding: 0; color: #333; font-size: 12px; font-weight: bold; text-align: center;}
.lxr_list p { width: 100%; height: 16px; overflow: hidden; line-height: 16px; margin: 0 auto; padding: 0; color: #666; font-family: Helvetica, Helvetica Neue, Arial," sans-serif"; font-size: 12px; text-align: center;}
.ser_con .qq_list { width: 80px; overflow: hidden; margin: 0 auto; padding: 15px 19px 7px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.qq_list ul li { width: 80px; height: 24px; overflow: hidden; margin: 0 auto 8px; padding: 0;}